<!-- 吸顶轮播菜单导航 -->
<template>
	<view>
		
	<mescroll-body bottom="160" @init="mescrollInit" :down="downOption" :up="upOption" @down="downCallback" @up="upCallback">
		<saishiList :indexList="dataList" :tongzhi="tongzhi" :tongzhiId="tongzhiId"/>
		</mescroll-body>
	
	<tab-bar :value="1"></tab-bar>
	</view>
</template>

<script>
	import {mapActions} from 'vuex'
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	export default {
				mixins: [MescrollMixin], // 使用mixin
		data() {
			return {
				
				tongzhi:'',tongzhiId:0,
				/**赛事列表**/
				
				dataList: [],
				downOption:{
					auto:false // 不自动加载 (mixin已处理第一个tab触发downCallback)
				},
				upOption:{
					auto:false, // 不自动加载
					page: {
						num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
						size: 2 // 每页数据的数量
					},
					noMoreSize: 4, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
					empty:{
						tip: '~ 空空如也 ~', // 提示
						btnText: '去看看'
					}
				
				},
			}
		},
		
		onLoad() {
			this.mescroll.resetUpScroll()
			this.getTongzhiList({success:res=>{
				this.tongzhi=res.data.data.noticeTitle
				this.tongzhiId=res.data.data.noticeId
				}
			})
		},
		
		mounted() {
		
		},
		methods: {
		...mapActions('m_saishi',['getSaishiListAction']),
		...mapActions('m_index',['getTongzhiList']),
		//路由跳转
		goPage(url,obj){
			uni.$u.route(url,obj);
		},
		
		/*下拉刷新的回调 */
		downCallback() {
			this.dataList=[]
			this.mescroll.resetUpScroll()
		},
		
		/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
		upCallback(page) {
			
			const params={
				pageSize:page.size,
				pageNum:page.num
			}
			this.getSaishiListAction({data:params,success:res=>{
				let list=res.data.rows
				if(page.num == 1) this.dataList=[]
				this.dataList=this.dataList.concat(list)
				this.mescroll.endBySize(list.length, res.data.total)
			}})
			
		}
		}
	}
</script>

<style lang="scss" scoped>

</style>